@media only screen and (max-width:1023px){

#header,#nav,#m,#footer{
-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}

#nav{
-webkit-overflow-scrolling:touch;background-color:#2b2b2b;font-size:.875em;height:100%;left:-256px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:256px;z-index:2;}

#nav .nsearch{
	border-radius:5px;
    height: 53px;
    padding: 10px 0;
}
#nav .nsearch:before{color:#c0c0c0;content:"\f002";left:20px;position:absolute;top:18px}

#nav .ntext{background-color:#4a4a4a;border:1px solid #2b2b2b;color:#c0c0c0;font-size:.875em;height:33px;line-height:33px;margin:0 13px;padding-left:25px;width:230px}

#nav a{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}

#nav a:hover{color:#c0c0c0}

#nav .nli:hover{border-left:3px solid #61C6F4}

#nav .nli,#nav .nsli{display:block}

#nav .nli{background-color:#383838;border-bottom:1px solid #2b2b2b;border-top:1px solid #4a4a4a;color:#f7f7f7;font-size:1.063em;padding:12px 0 12px 20px}

#nav li:hover>.nhide{display:block}

#nav .nhome:before{content:"\f015"}

#nav .ntv:before{content:"\f0ac"}

#nav .nfut:before{content:"\f03d"}

#nav .nad:before{content:"\f073"}

#nav .nsli:before{content:"\f054"}

#nav .nhome:before,#nav .ntv:before,#nav .nfut:before,#nav .nad:before,#nav .nsli:before{margin-right:8px}

#nav .nsli{padding:12px 0 12px 23px;color:#f7f7f7}

#nav .social{margin-top:20px;margin-bottom:10px;text-align:center}

#nav .social li{display:inline-block}

#nav .fbk,#nav .twtr,#nav .gogg,#nav .yout{color:#f7f7f7;display:block;font-size:1.765em;padding:15px}

#nav .fbk span,#nav .twtr span,#nav .gogg span,#nav .yout span{display:none}

#nav .fbk:before{content:"\f09a"}

#nav .twtr:before{content:"\f099"}

#nav .gogg:before{content:"\f0d5"}

#nav .yout:before{content:"\f16a"}
}

@media only screen and (min-width:1024px){

#header h1{border-right:1px solid #2b2b2b;-webkit-box-shadow:1px 0 1px #4a4a4a;box-shadow:1px 0 1px #4a4a4a;height:53px;margin:0;width:213px}

#view{display:none}

.canal{margin:0 1px 2px;width:120px;}

.canal h2,.canal .ceye{width:120px}

.cwrap,.hwrap,#nav,.bwrap,.blog-posts{margin:0 auto;max-width:1024px}

#nav{position:relative;z-index:3;}

#nav .nwrap{float:right;height:53px;margin-left:213px;position:fixed;width:811px}

#nav li{float:left}

#nav a{-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}#nav a:hover{color:#c0c0c0}

#nav .nli{color:#f7f7f7;display:block;font-size:.75em;margin:11px 0;padding:10px;}

#nav .nli:hover{background-color:#2b2b2b;-webkit-border-radius:5px;border-radius:5px}

#nav .nli,#nav .nsli{text-transform:uppercase}

#nav .ntv:after{content:"\f078";margin-left:8px}

#nav li:hover > .sub-menu{display:block}

#nav .sub-menu{background-color:#2b2b2b;display:none;position:absolute;top:54px;width:280px;-webkit-box-shadow:0 1px 4px #383838;box-shadow:0 1px 4px #383838}

#nav .nsli{color:#d7d7d7;display:block;font-size:.688em;padding:15px 10px;width:140px;}

#nav .nsli:before{content:"\f054";margin-right:8px}

#nav .nsli:hover{background-color:#4a4a4a;padding-left:15px}#nav .nsearch{margin-right:15px;}

#nav .nsearch:before{color:#c0c0c0;content:"\f002";left:8px;position:absolute;top:18px}

#nav .ntext{background-color:#383838;border-bottom:0;border-left:0;border-right:1px solid #2b2b2b;border-top:0;color:#c0c0c0;font-size:12px;height:53px;padding-left:30px;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;width:120px}

#nav .ntext:focus{background-color:#4a4a4a;-webkit-box-shadow:inset 0 0 4px 2px #4a4a4a;box-shadow:inset 0 0 4px 2px #4a4a4a;-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms}

#nav .social{float:right;margin-right:10px}

#nav .fbk,#nav .twtr,#nav .gogg,#nav .yout{color:#f7f7f7;display:block;font-size:1.25em;margin:7px 0;padding:10px}

#nav .fbk span,#nav .twtr span,#nav .gogg span,#nav .yout span{display:none}

#nav .fbk:before{content:"\f09a"}

#nav .twtr:before{content:"\f099"}

#nav .gogg:before{content:"\f0d5"}

#nav .yout:before{content:"\f16a"}
}